<template>
  <div class="customer">
    <!-- 海外引流推广 -->
    <banner-view :bdata="bannerData"></banner-view>

    <!-- 引流业务介绍 -->
    <div class="layitem_warp_whie">
      <h4>引流业务介绍</h4>
    </div>

    <layitem :rtdata="drainage"></layitem>
    <layitemleft :lfdata="follbook"></layitemleft>
    <layitem :rtdata="telegraph"></layitem>

    <!-- 引流推广流程 -->
    <div class="overseas_lc">
      <div class="layitem_warp_whie">
        <h4>引流推广流程</h4>
      </div>
      <div class="overseas_warp">
        <div class="overseas_item_top tydisplay">
          <div class="overseas_item_top_left">
            <h4>目标数据筛选</h4>
            <p>
              通过51出海提供的号码筛选服务，筛选出开通的、活跃的WhatsApp号码
            </p>
          </div>
          <div class="overseas_item_top_left">
            <h4>促进转化</h4>
            <p>
              发送话术广告可以获得基础转化，对于客户质量要求高的情况可通过聚合客服系统进行进一步聊天转化
            </p>
          </div>
        </div>
        <div class="overseas_item_midden">
          <img src="@/assets/oversea_promo/traffic_data_import_promo_flow_img.png" alt="" />
        </div>
        <div class="overseas_item_bottom tydisplay">
          <div class="overseas_item_top_left">
            <h4>目标数据筛选</h4>
            <p>
              通过51出海提供的号码筛选服务，筛选出开通的、活跃的WhatsApp号码
            </p>
          </div>
          <div class="overseas_item_top_left">
            <h4>促进转化</h4>
            <p>
              发送话术广告可以获得基础转化，对于客户质量要求高的情况可通过聚合客服系统进行进一步聊天转化
            </p>
          </div>
        </div>
      </div>
    </div>

    <youshi :youshiap="meseas"></youshi>

    <!-- 适用范围 -->
    <div class="overseas_apply">
      <div class="layitem_warp_whie">
        <h4>适用范围</h4>
      </div>

      <platform :platflag="handelflag"></platform>
      <platform :platflag="handeltwo"></platform>
    </div>

    <caseview></caseview>
    <pssea></pssea>

    <!-- 轮播新闻 -->
    <news-list :ldata="newslist"></news-list>

  </div>
</template>

<script>
  import layitem from "@/components/layitem";
  import layitemleft from "@/components/layitemleft";
  import youshi from "@/components/youshi";
  import platform from "@/components/platform";
  import caseview from "@/components/case";
  import pssea from "@/components/pssea"; //51出海转为跨境流量服务
  import bannerView from "@/components/bannerview";
  import newsList from "@/components/newslist";

  export default {
    name: "overseas",
    components: {
      layitem,
      layitemleft,
      youshi,
      platform,
      caseview,
      pssea,
      bannerView,
      newsList,
    },
    data() {
      return {
        bannerData: {
          bgimg: {
            backgroundRepeat: "no-repeat",
            paddingBottom: "18%",
            overflow: "hidden",
            backgroundSize: "100% auto",
            backgroundImage: "url(" +
              require("@/assets/oversea_promo/top_page_oversea_traffic_data_import_promo_bg.png") +
              ")",
          },
          bannertxt: {
            title: "海外引流推广",
            param: "提供海外引流推广代理服务，含whatsapp群发代发、whatsapp涨粉、Facebook用户数据采集、Facebook涨粉成品号、电报机器人等",
          },
        },
        drainage: {
          title: "WhatsApp引流",
          imgurl: require("@/assets/oversea_promo/whatsapp_system_import_img.png"),
          list: [{
              icon: require("@/assets/oversea_promo/icon_phone_number_data_generate.png"),
              name: "号码数据生产",
              content: "全球任意地区号码生成",
            },
            {
              icon: require("@/assets/oversea_promo/icon_data_lot_filter.png"),
              name: "数据批量筛选",
              content: "筛选号码数据，提取出开通并活跃的WhatsApp号码",
            },
            {
              icon: require("@/assets/oversea_promo/icon_whatsapp_fans_grow_green_whatsapp.png"),
              name: "WhatsApp涨粉",
              content: "通过多账号群发话术与名片，引导目标通过名片加到营销主号",
            },
            {
              icon: require("@/assets/oversea_promo/icon_whatsapp_group_sent_promo.png"),
              name: "WhatsApp群发推广",
              content: "通过向目标群发推广话术，引导目标下单或跳转指定站点",
            },
          ],
        },
        follbook: {
          title: "Facebook引流",
          imgbigurl: require("@/assets/oversea_promo/facebook_trafficdata_import_img.png"),
          list: [{
              imgurl: require("@/assets/oversea_promo/icon_target_user_data_get_yellowmail.png"),
              name: "定向用户数据获取",
              content: "指定群组、公共主页进行用户数据采集，获取用户如UID、邮箱、电话等信息",
            },
            {
              imgurl: require("@/assets/oversea_promo/icon_limited_data_facebook_fans_grow.png"),
              name: "指定数据Facebook加粉",
              content: "导入指定号码通讯录，快速添加Facebook账号好友，实现高精确目录人群营销",
            },
            {
              imgurl: require("@/assets/oversea_promo/icon_facebook_timing_post_content_promo.png"),
              name: "Facebook定时发帖内容营销",
              content: "通过推广内容营销，引导粉丝到站外如Shopify独立站、亚马逊、Shopee等其他电商平台实现销售转化",
            },
            {
              imgurl: require("@/assets/oversea_promo/icon_fans_invite_social_media_platform.png"),
              name: "引粉到社交聊天平台",
              content: "从Facebook上批量引粉添加到WhatsApp、LINE等社交聊天工具，随时触达高效发送推广信息",
            },
          ],
        },
        telegraph: {
          title: "电报引流",
          imgurl: require("@/assets/oversea_promo/telegram_traffic_import_img.png"),
          list: [{
              icon: require("@/assets/oversea_promo/icon_telegram_data_collec.png"),
              name: "电报群采集",
              content: "提取群组活跃用户名单，可根据在线天数筛选活跃",
            },
            {
              icon: require("@/assets/oversea_promo/icon_telegram_creat_group.png"),
              name: "电报拉群",
              content: "批量拉粉丝进指定群，快速组成超级大群",
            },
            {
              icon: require("@/assets/oversea_promo/icon_telegram_message_group_sent.png"),
              name: "电报消息群发",
              content: "可发私信可发群组，大量推广信息自动发送",
            },
            {
              icon: require("@/assets/oversea_promo/icon_telegram_group_auto_pre.png"),
              name: "电报自动热群",
              content: "机器人小号按照预设话术自动聊天，营造群活跃氛围",
            },
            {
              icon: require("@/assets/oversea_promo/icon_telegram_group_control_robot.png"),
              name: "电报群控机器人",
              content: "多种群管理功能，集合禁言、踢人、删除信息、自动回复等功能",
            },
          ],
        },
        meseas: {
          title: "我们做海外引流推广的优势",
          list: [{
              imgurl: require("@/assets/oversea_promo/limited_range_precise_fans_grow_redchatbox_img.png"),
              name: "指定范围精准涨粉",
              content: "支持WhatsApp、Facebook受众国家区域、年龄范围与特定性别涨粉",
            },
            {
              imgurl: require("@/assets/oversea_promo/multy_message_group_sent_support_img.png"),
              name: "多媒体信息群发支持",
              content: "可发送文字、图片、；链接、音视频、账号名片等多种不同信息定向推送，支持多变量群发推广",
            },
            {
              imgurl: require("@/assets/oversea_promo/pinky_piggy_img.png"),
              name: "无掺假 不骗量",
              content: "支持CPA计价模式，没有掺假没有扣量",
            },
            {
              imgurl: require("@/assets/oversea_promo/customer_chat_assistant_img.png"),
              name: "搭配客服聊天助手",
              content: "随时追踪群发效果与后续运营，支持多个坐席快捷回复，自动回复，自动翻译",
            },
          ],
        },
        handelflag: {
          title: "平台",
          list: [{
              imgurl: require("@/assets/oversea_promo/scope_of_application_platform_facebook_img.png"),
              name: "Facebook",
            },
            {
              imgurl: require("@/assets/oversea_promo/scope_of_application_platform_shopify_img.png"),
              name: "Shopity",
            },
            {
              imgurl: require("@/assets/oversea_promo/scope_of_application_platform_amazon_img.png"),
              name: "Amazon",
            },
            {
              imgurl: require("@/assets/oversea_promo/scope_of_application_platform_shopee_img.png"),
              name: "Shopee",
            },
            {
              imgurl: null,
              name: null,
            },
            {
              imgurl: require("@/assets/oversea_promo/scope_of_application_platform_lazada_img.png"),
              name: "Lazada",
            },
            {
              imgurl: require("@/assets/oversea_promo/scope_of_application_platform_persona_img.png"),
              name: "个人业务",
            },
            {
              imgurl: null,
              name: null,
            },
          ],
        },
        handeltwo: {
          title: "行业",
          list: [{
              imgurl: require("@/assets/oversea_promo/scope_of_application_industray_jewelry_img.png"),
              name: "珠宝服饰",
            },
            {
              imgurl: require("@/assets/oversea_promo/scope_of_application_industray_oversea_fin_img.png"),
              name: "海外金融",
            },
            {
              imgurl: require("@/assets/oversea_promo/scope_of_application_industray_skin_img.png"),
              name: "美妆护肤",
            },
            {
              imgurl: require("@/assets/oversea_promo/scope_of_application_industray_medical_img.png"),
              name: "保健药品",
            },
            {
              imgurl: null,
              name: null,
            },
            {
              imgurl: require("@/assets/oversea_promo/scope_of_application_industray_game_img.png"),
              name: "游戏出海",
            },
            {
              imgurl: require("@/assets/oversea_promo/scope_of_application_industray_toy_img.png"),
              name: "玩具摆件",
            },
            {
              imgurl: null,
              name: null,
            },
          ],
        },
        //轮播新闻
        newslist: {
          theme: "出海资讯",
          list: [{
              img: require("@/assets/news.png"),
              title: "如何正确试用翻译软件，以下技巧请查阅后使用",
              date: "51客服系统,未分类 | 2021年11月23日",
              param: "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择目标语言就可以完成全球语言的实时...",
            },
            {
              img: require("@/assets/news.png"),
              title: "如何正确试用翻译软件，以下技巧请查阅后使用",
              date: "51客服系统,未分类 | 2021年11月23日",
              param: "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择目标语言就可以完成全球语言的实时...",
            },
            {
              img: require("@/assets/news.png"),
              title: "如何正确试用翻译软件，以下技巧请查阅后使用",
              date: "51客服系统,未分类 | 2021年11月23日",
              param: "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择目标语言就可以完成全球语言的实时...",
            },
            {
              img: require("@/assets/news.png"),
              title: "如何正确试用翻译软件，以下技巧请查阅后使用",
              date: "51客服系统,未分类 | 2021年11月23日",
              param: "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择目标语言就可以完成全球语言的实时...",
            },
          ],
        },
      };
    },
  };

</script>

<style scoped>
  .tydisplay {
    display: flex;
  }

  .overseas_apply {
    background: #f8f8f8;
  }

  .customer /deep/ .banner_grid_item_btn_left {
    display: none;
  }

  .customer /deep/ .banner_grid_item_div>p {
    width: 343px;
  }

  .customer /deep/ .banner_grid_item_div_btn {
    margin-top: 65px;
  }

  /* 引流推广流程 */
  .overseas_lc {
    background: #f8f8f8;
  }

  .overseas_warp {
    max-width: 1160px;
    margin: 0 auto;
    padding: 40px 0;
  }

  .overseas_item_top {
    justify-content: space-between;
    padding-left: 320px;
    padding-right: 15px;
  }

  .overseas_item_top_left {
    width: 222px;
    text-align: center;
  }

  .overseas_item_top_left>h4 {
    font-size: 18px;
    color: #1d2845;
    margin-bottom: 12px;
  }

  .overseas_item_top_left>p {
    font-size: 14px;
    color: #707c8e;
    line-height: 21px;
  }

  .overseas_item_midden>img {
    width: 100%;
  }

  .overseas_item_midden {
    margin: 20px 0;
  }

  .overseas_item_bottom {
    justify-content: space-between;
    padding-right: 320px;
    padding-left: 15px;
  }

  /* 引流业务介绍 */
  .layitem_warp_whie {
    max-width: 1160px;
    margin: 0 auto;
    padding-top: 40px;
  }

  .layitem_warp_whie>h4 {
    font-size: 38px;
    color: #1d2845;
    text-align: center;
  }

  /* 海外引流推广 */

  .whatsapp_item_btn_right,
  .whatsapp_item_btn_left {
    width: 190px;
    height: 35px;
    line-height: 35px;
    background: #077af1;
    color: #fff;
    font-size: 16px;
    text-align: center;
    outline: 1px solid #077af1;
    border-radius: 4px;
  }

  .whatsapp_item_btn_left {
    background: #fff;
    color: #077af1;
  }

</style>
